{% extends 'base.html' %}
{% load static %}
{% block page_title %}
	商品列表
{% endblock %}
{% block body %}
    <section class="wrap list_class_page">
        <div class="lt_area">
            <div class="attr_filter">
                <h2>属性筛选</h2>
                <ul>
                    <li>
                        <dl>
                            <dt>按品牌筛选：</dt>
                            <dd>
                                <a>品牌A</a>
                                <a>品牌B</a>
                                <a>品牌C</a>
                                <a>品牌D</a>
                                <a>品牌E</a>
                                <a>品牌F</a>
                                <a>品牌G</a>
                                <a>品牌H</a>
                                <a>品牌I</a>
                                <a>品牌J</a>
                            </dd>
                        </dl>
                    </li>
                    <li>
                        <dl>
                            <dt>按价格筛选：</dt>
                            <dd>
                                <a>0~300元</a>
                                <a>0~300元</a>
                                <a>0~300元</a>
                                <a>0~300元</a>
                                <a>0~300元</a>
                                <a>0~300元</a>
                                <a>0~300元</a>
                                <a>0~300元</a>
                                <a>0~300元</a>
                                <a>0~300元</a>
                            </dd>
                        </dl>
                    </li>
                    <li>
                        <dl>
                            <dt>按上架时间筛选：</dt>
                            <dd>
                                <a>今天</a>
                                <a>昨天</a>
                                <a>本周</a>
                                <a>本月</a>
                            </dd>
                        </dl>
                    </li>
                </ul>
            </div>
            <!--产品列表-->
            <section class="shop_goods_li">
                <h2>店铺产品</h2>
                <ul class="favorite_list">
                    <li>
                        <a>
                            <img src="{% static 'imgs/goods005.jpg' %}">
                            <h3>2019时尚新款</h3>
                            <p class="price"><span class="rmb_icon">298.00</span></p>
                            <p class="shop_collect_goods" title="收藏该产品"><span>s</span></p>
                        </a>
                    </li>
                    <li>
                        <a>
                            <img src="{% static 'imgs/goods010.jpg' %}">
                            <h3>2019时尚新款</h3>
                            <p class="price"><span class="rmb_icon">298.00</span></p>
                            <p class="shop_collect_goods" title="收藏该产品"><span>s</span></p>
                        </a>
                    </li>
                    <li>
                        <a>
                            <img src="{% static 'imgs/goods009.jpg' %}">
                            <h3>2019时尚新款</h3>
                            <p class="price"><span class="rmb_icon">298.00</span></p>
                            <p class="shop_collect_goods" title="收藏该产品"><span>s</span></p>
                        </a>
                    </li>
                    <li>
                        <a>
                            <img src="{% static 'imgs/goods008.jpg' %}">
                            <h3>2019时尚新款</h3>
                            <p class="price"><span class="rmb_icon">298.00</span></p>
                            <p class="shop_collect_goods" title="收藏该产品"><span>s</span></p>
                        </a>
                    </li>
                    <li>
                        <a>
                            <img src="{% static 'imgs/goods006.jpg' %}">
                            <h3>2019时尚新款</h3>
                            <p class="price"><span class="rmb_icon">298.00</span></p>
                            <p class="shop_collect_goods" title="收藏该产品"><span>s</span></p>
                        </a>
                    </li>
                    <li>
                        <a>
                            <img src="{% static 'imgs/goods004.jpg' %}">
                            <h3>2019时尚新款</h3>
                            <p class="price"><span class="rmb_icon">298.00</span></p>
                            <p class="shop_collect_goods" title="收藏该产品"><span>s</span></p>
                        </a>
                    </li>
                    <li>
                        <a>
                            <img src="{% static 'imgs/goods003.jpg' %}">
                            <h3>2019时尚新款</h3>
                            <p class="price"><span class="rmb_icon">298.00</span></p>
                            <p class="shop_collect_goods" title="收藏该产品"><span>s</span></p>
                        </a>
                    </li>
                    <li>
                        <a>
                            <img src="{% static 'imgs/goods006.jpg' %}">
                            <h3>2019时尚新款</h3>
                            <p class="price"><span class="rmb_icon">298.00</span></p>
                            <p class="shop_collect_goods" title="收藏该产品"><span>s</span></p>
                        </a>
                    </li>
                    <li>
                        <a>
                            <img src="{% static 'imgs/goods004.jpg' %}">
                            <h3>2019时尚新款</h3>
                            <p class="price"><span class="rmb_icon">298.00</span></p>
                            <p class="shop_collect_goods" title="收藏该产品"><span>s</span></p>
                        </a>
                    </li>
                    <li>
                        <a>
                            <img src="{% static 'imgs/goods003.jpg' %}">
                            <h3>2019时尚新款</h3>
                            <p class="price"><span class="rmb_icon">298.00</span></p>
                            <p class="shop_collect_goods" title="收藏该产品"><span>s</span></p>
                        </a>
                    </li>
                    <li>
                        <a>
                            <img src="{% static 'imgs/goods002.jpg' %}">
                            <h3>2019时尚新款</h3>
                            <p class="price"><span class="rmb_icon">298.00</span></p>
                            <p class="shop_collect_goods" title="收藏该产品"><span>s</span></p>
                        </a>
                    </li>
                    <li>
                        <a>
                            <img src="{% static 'imgs/goods006.jpg' %}">
                            <h3>2019时尚新款</h3>
                            <p class="price"><span class="rmb_icon">298.00</span></p>
                            <p class="shop_collect_goods" title="收藏该产品"><span>s</span></p>
                        </a>
                    </li>
                    <li>
                        <a>
                            <img src="{% static 'imgs/goods009.jpg' %}">
                            <h3>2019时尚新款</h3>
                            <p class="price"><span class="rmb_icon">298.00</span></p>
                            <p class="shop_collect_goods" title="收藏该产品"><span>s</span></p>
                        </a>
                    </li>
                    <li>
                        <a>
                           <img src="{% static 'imgs/goods003.jpg' %}">
                            <h3>2019时尚新款</h3>
                            <p class="price"><span class="rmb_icon">298.00</span></p>
                            <p class="shop_collect_goods" title="收藏该产品"><span>s</span></p>
                        </a>
                    </li>
                    <li>
                        <a>
                            <img src="{% static 'imgs/goods002.jpg' %}">
                            <h3>2019时尚新款</h3>
                            <p class="price"><span class="rmb_icon">298.00</span></p>
                            <p class="shop_collect_goods" title="收藏该产品"><span>s</span></p>
                        </a>
                    </li>
                </ul>
                <!--分页-->
                <div class="paging">
                    <a>第一页</a>
                    <a class="active">2</a>
                    <a>3</a>
                    <a>...</a>
                    <a>89</a>
                    <a>最后一页</a>
                </div>
            </section>

        </div>
        <aside class="rtWrap">
            <dl class="rtLiTwoCol">
                <dt>热门推荐</dt>
                <dd>
                    <a href="#">
                        <img src="{% static 'imgs/goods002.jpg' %}">
                        <p>0.00</p>
                    </a>
                </dd>
                <dd>
                    <a href="#">
                        <img src="{% static 'imgs/goods001.jpg' %}">
                        <p>0.00</p>
                    </a>
                </dd>
                <dd>
                    <a href="#">
                        <img src="{% static 'imgs/goods003.jpg' %}">
                        <p>0.00</p>
                    </a>
                </dd>
                <dd>
                    <a href="#">
                        <img src="{% static 'imgs/goods004.jpg' %}">
                        <p>0.00</p>
                    </a>
                </dd>
                <dd>
                    <a href="#">
                        <img src="{% static 'imgs/goods008.jpg' %}">
                        <p>0.00</p>
                    </a>
                </dd>
                <dd>
                    <a href="#">
                        <img src="{% static 'imgs/goods007.jpg' %}">
                        <p>0.00</p>
                    </a>
                </dd>
                <dd>
                    <a href="#">
                        <img src="{% static 'imgs/goods006.jpg' %}">
                        <p>0.00</p>
                    </a>
                </dd>
                <dd>
                    <a href="#">
                        <img src="{% static 'imgs/goods005.jpg' %}">
                        <p>0.00</p>
                    </a>
                </dd>
                <dd>
                    <a href="#">
                        <img src="{% static 'imgs/goods008.jpg' %}">
                        <p>0.00</p>
                    </a>
                </dd>
                <dd>
                    <a href="#">
                        <img src="{% static 'imgs/goods007.jpg' %}">
                        <p>0.00</p>
                    </a>
                </dd>
                <dd>
                    <a href="#">
                        <img src="{% static 'imgs/goods006.jpg' %}">
                        <p>0.00</p>
                    </a>
                </dd>
                <dd>
                    <a href="#">
                        <img src="{% static 'imgs/goods005.jpg' %}">
                        <p>0.00</p>
                    </a>
                </dd>
            </dl>
        </aside>
    </section>


{% endblock %}